<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>运动数据</title>
</head>

<body>
    <!-- 主要内容 -->
    <div class="main-container df fdc">
        <!-- 头部 -->
        <div class="head">
            <span class="iconfont icon-arrow1" id="arrow"></span>
        </div>
        <!-- 运动数据 -->
        <div class="data df fdc">
            <div class="title df jcsb">
                <div>我的运动数据</div>
                <img class="img" id="img" />
            </div>
            <div class="sports df jcsb">
                <!-- 总运动 -->
                <div class="common">
                    <div class="title1">总运动</div>
                    <div class="commonBto df">
                        <div class="minute" id="minute"></div>
                        <div class="mut min">分钟</div>
                    </div>
                </div>
                <!-- 虚线 -->
                <div class="dotted"></div>
                <!-- 本周消耗 -->
                <div class="common">
                    <div class="title1">本周消耗</div>
                    <div class="commonBto df">
                        <div class="minute" id="consume"></div>
                        <div class="mut">千卡</div>
                    </div>
                </div>
            </div>
            <!-- 下部数据 -->
            <div class="btoData df jcsb">
                <div class="box1">
                    <p class="title2">消耗(千卡)</p>
                    <p class="num">9999</p>
                </div>
                <div class="box2">
                    <p class="title2">累计(天)</p>
                    <p class="num">9999</p>
                </div>
                <div class="box3">
                    <p class="title2">连续(天)</p>
                    <p class="num">9999</p>
                </div>
            </div>
            <!-- echarts -->
            <div class="container">
                <div class="pannel shadow mt20" id="bar"></div>
                <div class="pannel shadow mt20" id="pie"></div>
            </div>
        </div>
    </div>
    <!-- 信息提示框 -->
    <div class="msg" id="msg"></div>
</body>

</html>